<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<% String appPath = request.getContextPath();%>
<!DOCTYPE html>
<html>
  <head>
    <title>微信控制台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="${ctx}/static/bootstrap/css/bootstrap.min.css">
	
	<style type="text/css">
		body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;}
h1,.afont, .h1, h2, .h2, h3, .h3, h4, .h4, .lead {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
	
	</style>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="container-fluid">
<nav class="navbar navbar-default" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand afont" href="${ctx }">微信控制台</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#" class="afont">管理员</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle afont" data-toggle="dropdown">个人中心 <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#" class="afont">修改密码</a></li>
          <li><a href="#" class="afont">个人信息</a></li>
          <li class="divider"></li>
          <li><a href="${ctx}/logout" class="afont">注销</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>

<div class="">
  <div class="col-xs-2">
    <ul class="nav nav-pills nav-stacked">
	  <li class="active"><a>公众号</a></li>
	  <li><a href="javascript:menuClick('公众号设置','${ctx}/views/console/weixinManager.jsp')" class="menuitem">公众号设置</a></li>
	  <li><a href="javascript:menuClick('菜单管理','${ctx}/views/console/menu.jsp')" class="menuitem">菜单管理</a></li>
	 <!--  <li><a href="#" class="menuitem">用户管理</a></li> -->
	  <li><a href="javascript:menuClick('内容管理','${ctx}/views/console/contentList.jsp')" class="menuitem">内容管理</a></li>
	  <li><a href="javascript:menuClick('消息管理','${ctx}/views/console/message.jsp')" class="menuitem">消息管理</a></li>
	  <li><a href="javascript:menuClick('药品追溯','${ctx}/web/drug/query.jsp')" class="menuitem">药品追溯</a></li>
	  <!-- <li><a href="#" class="menuitem">消息推送</a></li>
	  <li><a href="#" class="menuitem">自定义菜单</a></li> -->
	  <li class="active"><a href="https://mp.weixin.qq.com/" target="_blank" class="menuitem">微信公众平台</a></li>
	</ul>
    </div>
    
    </div>
  
  <div class="col-xs-10">
  	<ul class="nav nav-tabs">
	  <li class="active"><a href="#" id="centertitle">首页</a></li>
	</ul>
	
	<!-- Tab panes -->
	<div class="tab-content">
	  <div class="tab-pane active" id="centercontent">欢迎 登录~~</div>
	</div>
  </div>
</div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="${ctx}/static/jquery/jquery-1.11.0.min.js"></script>
<script src="${ctx}/static/jquery/jquery-migrate-1.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="${ctx}/static/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){
	
});

function menuClick(name,url){
	$("#centertitle").text(name);
	$("#centercontent").load(url);
}
</script>
  </body>
</html>